
.topInfo{background:rgba(0,0,0,0.2);margin: 0;height: 30px; line-height: 30px;border: none !important; padding: 0 10px; border-radius: 40px; overflow: hidden;}
.topInfo a{color: #fff;}
.topInfo a:hover{color:#0080FF;}
.topInfo .layui-icon{display: inline-block; font-size: 10px;}

.media-header{z-index: 9999!important; padding: 20px 0; color: #fff;}
.media-header .logo img {height: 36px;}

.media-header-lg{width: 100%; background: url(/img/images/banner-map.jpg) no-repeat top; padding: 20px 40px;}
.media-header-lg .layui-container{width: 100%;}

.media-header-search{width: 100%; height: 360px; background: url(/img/images/banner-map.jpg) no-repeat top; padding: 20px 40px;}
.media-header-search .search{width: 600px; margin-top: 100px;border-radius:6px;overflow: hidden;}
.media-header-search .search .layui-input{height: 50px; line-height: 50px;}
.media-header-search .search .layui-btn{height: 50px;line-height: 50px;background: #0080ff;}


.media-header .nav li{position: relative;}
.media-header .nav .active::after{content: '';position: absolute;bottom: -6px; left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%); width:20px !important; height: 2px; background: #0080FF; border-radius: 20px;overflow: hidden;}
.media-header .nav .active a{color: #fff;font-weight: 700;}
.media-header .nav a{position: relative; color: rgba(255,255,255,0.8);}
.media-header .nav a:hover{color: #fff;}
.media-header .nav a::after{content: '';position: absolute;bottom: -9px; left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%); width:0px; height: 2px; background: #0080FF; border-radius: 20px;overflow: hidden;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.media-header .nav a:hover::after{width:30px;}

.topfixed{position: fixed !important;width: 100%; top: 0 !important;  padding: 10px 0!important; background:#0080FF;}
.topfixed .login-box{display: none;}
.login-box{margin-bottom: 10px; text-align: right; padding-right: 16px;}
.login-box a{color: #fff; font-size: 12px; margin-left: 15px;}

.layui-carousel .layui-container{color: #fff;}
.index-photo{color: #fff;}
.swiper-container {width: 100%;height: auto;margin: 0 auto;}

.swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
background-repeat: no-repeat !important;
background-size: cover!important;
background-position: center!important;
}


.swiper-slide  .img{ width: 100%; height: auto; }

.index-photo .swiper-pagination-bullet{background: rgba(255,255,255,0.9);width: 20px; height: 2px;border-radius: 0;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.index-photo .swiper-pagination-bullet-active{background: #fff;width: 50px;}

.img{-webkit-animation: img 3s ease-out infinite; -moz-animation: img 3s ease-out infinite;-o-animation: img 3s ease-out infinite; animation: img 3s ease-out infinite;}
@-webkit-keyframes img {	
  0% {-webkit-transform:translateY(0px);}
  50% {-webkit-transform:translateY(-20px);} 
  100% {-webkit-transform:translateY(0px);}
}
.portal_block_summary{box-sizing: border-box;}
.portal_block_summary a {display: table-cell; box-sizing: border-box; width: 100%; padding:20px 10px;transition-duration: 0.5s;}
.portal_block_summary a p {color: #fff;font-size: 14px;letter-spacing: 1px;float: left;margin-left: 28px;}
.portal_block_summary a p span {font-size: 18px;}
.portal_block_summary a.adr {background: url(/img/images/nex_bg_1.png) center no-repeat;background-size: cover;}
.portal_block_summary a.cg {background: url(/img/images/nex_bg_4.png) center no-repeat;background-size: cover;}
.portal_block_summary a.zy {background: url(/img/images/nex_bg_3.png) center no-repeat;background-size: cover;}
.portal_block_summary a.news {background: url(/img/images/nex_bg_2.png) center no-repeat;background-size: cover;}
.portal_block_summary i {position: absolute;display: block;transition-duration: 0.5s;}
.portal_block_summary a:hover .dx_1 {top: -5px;}
.portal_block_summary a:hover .dx_2 {top: 5px;}
.adrIcon,.cgIcon,.zyIcon,.newsIcon{position: relative;float: left;width: 66px;height: 66px;}
.portal_block_summary .dx_1{width: 66px;height: 66px;right: -15px;top: 0;background-size: contain !important;z-index: 9;}
.portal_block_summary .dx_2{width: 66px;height: 66px;left: 0;top: 0; background-size: contain !important;}
.adrIcon .dx_1 {background: url(/img/images/ditu-1.png) center no-repeat;}
.adrIcon .dx_2 {background: url(/img/images/ditu-2.png) center no-repeat;}
.cgIcon .dx_1 {background: url(/img/images/caigou-1.png) center no-repeat;}
.cgIcon .dx_2 {background: url(/img/images/caigou-2.png) center no-repeat;}
.zyIcon .dx_1 {background: url(/img/images/zhiyuan-1.png) center no-repeat;}
.zyIcon .dx_2 {background: url(/img/images/zhiyuan-2.png) center no-repeat;}
.newsIcon .dx_1 {background: url(/img/images/news-1.png) center no-repeat;}
.newsIcon .dx_2 {background: url(/img/images/news-2.png) center no-repeat;}

/*标题导航*/
.class-title {position:relative;color:#0080FF;}
.class-title a{color:#0080FF;font-size: 22px; font-weight: 777;}
.class-title:after,.class-title:before {position:absolute;content:'';width:40px;height:3px;background:#0080FF;}
.class-title:after {left:50%;top:50%;transform:translate(-120px,-50%);-webkit-transform:translate(-120px,-50%);}
.class-title:before {right:50%;top:50%;transform:translate(120px,-50%);-webkit-transform:translate(120px,-50%);}


/*进价广告*/
.bidding {position: relative; width:100%;height:auto;overflow:hidden;}
.bidding .bidding-prev,.bidding .bidding-next {background-color:#fff;width:60px !important;height:60px !important;line-height:60px;font-size:24px;color:#999;border-radius:50%;background-image:none;text-align:center; z-index: 99;}
.bidding .bidding-prev {left:10px !important;}
.bidding .bidding-next {right:10px !important;}
.bidding .bidding-prev:hover,.bidding .bidding-next:hover {color:#0080FF;box-shadow:0 0 20px rgba(0,0,0,0.2);}
.bidding .img-box {position:relative;display:block;width:100%;color:#fff;overflow:hidden;}
.bidding .img-box img {width:100%; height: 340px; overflow: hidden; z-index:1;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.bidding .img-box img:hover {transform:scale(1.1);-webkit-transform:scale(1.1);}
.bidding .swiper-slide {height: 340px; overflow: hidden; text-align:center;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;transition:300ms;transform:scale(0.8);}
.bidding .swiper-slide-active,.bidding .swiper-slide-duplicate-active {transform:scaleX(1.6);z-index:99;}

/*进价广告*/

.hous-tab {text-align: center; border:none;height:44px; margin: 0 auto;}
.hous-tab li {background:#f4f5f6; margin: 0 4px; position:relative;height:44px;line-height:44px;}
.hous-tab li:after {display: none;}
.hous-tab .layui-this {color: #0080FF !important;background: rgba(0,128,255,0.1);}
.hous-tab .layui-this:after {display: none;}

.divider{width: 100%;height: 10px;  background: url(/img/images/divider.png);}

/*推荐企业*/
.brands{width: 128px;}
.brands img{width:128px;height: 120px;}
.pingpai img{max-width: 100%; max-height: 60px;transition-duration: 0.5s;}
.pingpai a:hover img{-webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);transform: translateY(-3px);}
.pingpai .layui-col-sm2{height: 60px; line-height: 60px;border-right: solid 1px #eee; border-bottom: solid 1px #eee;background: #fff; }
.pingpai .layui-col-sm2:nth-child(6),.pingpai .layui-col-sm2:nth-child(12){border-right: none;}
.pingpai .layui-col-sm2:nth-child(7),.pingpai .layui-col-sm2:nth-child(8),.pingpai .layui-col-sm2:nth-child(9),.pingpai .layui-col-sm2:nth-child(10),.pingpai .layui-col-sm2:nth-child(11),.pingpai .layui-col-sm2:nth-child(12){border-bottom: none;}

.banner-bottom {background: #0080FF url(/img/images/banner-bottom.jpg) no-repeat center top; width: 100%; height: 270px; background-position: center 0; display: block;color: #fff;}

.banner-bottom img{ width: 160px;}


.layui-btn-red {  background: #e72c2f;}

/* 竞拍列表 */
.liucheng-box .iconfont{display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 24px; color: #e72c2f;text-align: center;  background: rgba(199,22,34,0.1);border-radius: 50%;overflow: hidden;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.liucheng-box .layui-icon{color: #ddd !important;}
.liucheng-box .span1:hover .iconfont{color: #fff; background: #e72c2f;}
.liucheng-box .liucheng-xt{width: 20px; height: 80px; background: url(/img/images/x.png) center center no-repeat; margin:0 20px 0 40px;}

.paimai-box{position: relative;}
.paimai-box .paimai-class{position: relative; border-bottom: solid 3px #eee;}
.paimai-box .paimai-class span{position: relative; display: inline-block; line-height: 50px;}
.paimai-box .paimai-class span::after{content: ''; position: absolute;left: 0; bottom: -3px; height: 3px; width: 100%;}
.paimai-box .paimai-class .iconfont{display: inline; width: 40px; height: 40px; line-height: 40px; padding: 5px; font-size: 28px;text-align: center; border-radius: 50%;overflow: hidden;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.paimai-box .paimai-class b{font-size: 32px; font-weight: bolder; margin-left: 10px;}

.paimai-hot .paimai-class span::after{background: #e72c2f;}
.paimai-hot .paimai-class .iconfont{color: #e72c2f;background: rgba(199,22,34,0.1);}
.paimai-hot .paimai-class b{color: #e72c2f;}
.paimai-hot .block{position: relative; background: rgba(199,22,34,0.03);}

.paimai-yugao{position: relative;}
.paimai-yugao .paimai-class span::after{background: #975d59;}
.paimai-yugao .paimai-class .iconfont{color: #975d59;background: rgba(151,93,89,0.1);}
.paimai-yugao .paimai-class b{color: #975d59;}
.paimai-yugao .block{position: relative;}

.paimai-cj .paimai-class span::after{background: #0080FF;}
.paimai-cj .paimai-class .iconfont{color: #0080FF;background: rgba(0,128,255,0.1);}
.paimai-cj .paimai-class b{color: #0080FF;}

.paimai-box .count span, .paimai-box .count1 span,.paimai-box .count2 span,.paimai-box .count3 span{ background: #333; color: #fff; padding: 2px 5px;border-radius: 2px;overflow: hidden; margin: 0 5px;}
.paimai-box .img-box-md{width: 420px; height: 270px;}
.paimai-box .qrcode,.paimai-box .qrcode img{ width: 60px; height: 60px;margin: 0 auto;}
#qrcode,#qrcode img{ width: 80px; height: 80px;}

.paimai-state{position: absolute; z-index: 9; top: 0; right: 0;  width: auto;padding: 10px 40px; height:40px; display: inline-block; color: #FFFFFF;background-size: cover !important;}
.state-pai{background: url(/img/images/jiaobiao.png) ;}
.state-yugao{background: url(/img/images/yugao.png) ;}


#undefineddiv{width:265px !important;}
#undefineddiv .alignment{width: auto !important;}
.detail-qrcode,.detail-qrcode img{width: 100px;margin: 0 auto;}

.tips{position: relative;}
.tips-conter {position: absolute; z-index: 9; top:30px; background-color:#FFFFFF;width: 520px; padding: 15px; display:none; box-shadow: 0 0 10px rgba(0,0,0,0.1); line-height: 24px;border: solid 1px #ccc;}

.tips-conter:before{
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: -16px;
        left:31px;
        padding:0;
        border-bottom:8px solid #FFFFFF;
        border-top:8px solid transparent;
        border-left:8px solid transparent;
        border-right:8px solid transparent;
        display: block;
        content:'';
        z-index: 12;
    }
.tips-conter:after{
	box-sizing: content-box;
	width: 0px;
	height: 0px;
	position: absolute;
	top: -18px;
	left:30px;
	padding:0;
	border-bottom:9px solid #ccc;
	border-top:9px solid transparent;
	border-left:9px solid transparent;
	border-right:9px solid transparent;
	display: block;
	content:'';
	z-index:10
}
.detail-class{position: relative; padding-left: 20px;}
.detail-class::after{content: ''; position: absolute; left: 0; top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); width: 4px; height: 20px; background: #007AFF;border-radius: 50px;}

.detail_allmap{width: 100%; height: 560px;}
.detail_allmap .img-box{width: 220px;height: 140px;overflow: hidden;margin:0;}
.BMap_bubble_pop{border: none !important; box-shadow: 0 0 10px rgba(0,0,0,0.1) !important;border-radius: 4px; top: 150px !important;}
.BMap_bubble_top{ height: 50px !important;border: none !important;}
.BMap_bubble_title{line-height: 50px !important;height: 50px!important;padding-left: 15px; font-size: 16px;font-weight: bold;}
.BMap_bubble_buttons{top: 10px !important;}
.BMap_bubble_pop img{z-index: -1 !important;top: auto !important; bottom: -30px !important;}
.layui-tab-title{height: 50px;}
.layui-tab-card>.layui-tab-title .layui-this:after{height: 50px;}
.detail-info span{ min-width: 70px;display: inline-block;text-align: justify;text-align-last: justify;}
.timeline li{ margin: 0 2px;}

.media-monitor .layui-tab-title{height: 50px;}
.media-monitor .layui-tab-brief>.layui-tab-title .layui-this{color: #0080FF;}
.media-monitor .layui-tab-title .layui-this:after{height: 50px; border-bottom: 2px solid #0080ff;}
.media-monitor .layui-tab-title li{line-height: 50px; font-size: 16px;}
.media-monitor .layui-tab-card>.layui-tab-title .layui-this:after{height: 50px;}

.detail-photo {position: relative; width:100%;height:auto;overflow:hidden;}

.detail-photo .detail-prev,.detail-photo .detail-next {background-color:rgba(0,0,0,0.6);width:40px !important;height:60px !important;line-height:60px;font-size:28px;color:#fff;text-align:center; z-index: 99;}
.detail-photo .detail-prev {left:10px !important;}
.detail-photo .detail-next {right:10px !important;}
.detail-photo .detail-prev:hover,.detail-photo .detail-next:hover {cursor: pointer; color:#0080FF;}
.detail-photo  a {width:100%; height: 446px; overflow: hidden;}


 .gallery-top {
	 position: relative;
      height: 370px;
      width: 100%;
    }
    .gallery-thumbs {
      height: 120px;
      box-sizing: border-box;
      padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }





.number-box {position: relative;}
.number-box input[type='text'] {
	border-radius: 0;
}
.number-box input[type='button'] {
	display: block;
	height:18px;
	width:24px;
	line-height:18px;
	cursor:pointer;
	padding:0;
	border: solid 1px #eee;
	background: #fff;
	font-size: 12px;
	color: #999;
}
.number-box input[type='button']:last-child{margin-top: 2px;}
.number-box input[type='button']:hover {background-color:#0096ff; color: #fff;}
.number-box input[type='button']:active {background-color:#0080FF;}

.attrs-box{position: relative; overflow: hidden; border: solid 1px #e6e6e6; border-bottom: none; border-left: none;}
.attrs-box li{float: left;line-height: 50px; border-bottom:solid 1px #e6e6e6;}
.attrs-box li:nth-child(odd){width: 14%; background: #f3f5f8 !important;text-align: center; border-right: solid 1px #E6E6E6;border-left: solid 1px #E6E6E6;}
.attrs-box li:nth-child(even){width: 36%; padding-left: 20px;}






.paimai-box .logo img{ width: 200px; height: auto;}
.paimai-box .layui-btn{border-radius: 0 !important; }

.layui-laypage-curr{background: #0096FF !important;color: #fff !important;}
.sorting-box a{ margin: 0 5px;padding: 5px 6px;}
.sorting-box .active{background: #0096ff;color: #fff; border-radius: 2px;}

/* 会员首页头像 */
.user-img{position: relative; margin: 0 auto; width: 60px; height: 60px;border-radius: 50%;overflow: hidden;}
.user-img i{position: absolute; top: 100px; z-index: 99; color: #fff; font-size: 22px !important;transition: all 0.3s ease; -webkit-transition: all 0.3s ease; opacity: 0;}
.user-img:hover i{top: 50%; opacity: 1;}
.user-img img{width: 60px;}
.user-img:hover{cursor: pointer;}
.user-img:hover::after{content: '';position: absolute;left: 0; top: 0; width: 100%;height: 100%;background: #000; opacity: 0.2;}


/* 公共底部 */
.footer{position: relative; text-align: center; line-height: 30px; font-size: 12px; color:#ccc;background: rgba(0,0,0,0.9);}
.footer a{color: #ccc; margin: 0 5px; border-right: solid 1px #585858; padding-right: 10px;}
.footer a:last-child{border: none;}
